body { background-color: #fff !important; }
.login { width: 1000px; height: auto; margin: 0 auto; }
.login  .header { width: 100%; height: 60px; padding: 30px 0 30px 0; border-bottom: 1px solid #ddd; }
.login  .header > img { padding: 0 20px 0 0; border-right: 1px solid #ddd; }
.login  .header > span { width: auto; margin: 0 0 0 20px; font-size: 30px; line-height: 70px; }
.login  .center { width: 100%; height: 350px; margin: 30px 0; }
.login  .center > img { width: 600px; height: 100%; }
.login  .center  .login-content { width: 400px; height: 100%; background-color: #eee; }
.login  .center  .login-content > .username, .login  .center  .login-content > .password { position: relative; width: 300px; height: 44px; margin: 55px auto 25px auto; background-color: #fff; border: 1px solid #ddd; }
.login  .center  .login-content > .password { margin: auto !important;}
.login  .center  .login-content > .username > img, .login  .center  .login-content > .password > img { padding: 14px; }
.login  .center  .login-content > .username > input, .login  .center  .login-content > .password > input { width: 256px; height: 44px; line-height: 43px; font-size: 16px; color: #999; z-index: 215; }
.login  .center .ie-placeholder { position: absolute; left: 44px; top: 0; bottom: 0; right: 0; height: 44px; font-size: 16px; line-height: 43px; color: #999; z-index: 300; }
.login  .center .login-btn { width: 300px; height: 50px; margin: 40px auto 30px auto; background-color: #32b076; color: #fff; font-size: 18px; text-align: center; line-height: 54px; cursor: pointer;}
.login  .center .login-btn input { width: 300px; height: 50px; background-color: #32b076; color: #fff; font-size: 18px; text-align: center; line-height: 54px; cursor: pointer;}
.login  .center .links { width: 300px; height: auto; margin: auto; }
.login  .center .links > a { color: gray; font-size: 14px; text-decoration: none; cursor: pointer; }
.login  .center .links > a:hover { text-decoration: underline; }